<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>cloud</title>
		<meta name="description" content="" />
		<meta name="author" content="hello" />
		<!-- stylesheet import-->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
		<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css" />
		<link rel="stylesheet" href="css/index.css" />
		<style type="text/css">
		  	body{
		  		padding-top: 80px;
		  		padding-bottom:60px;
		  	}
		  	.help-inline{
		  		color:#f00;
		  	}
  		</style>
	</head>
	<body>
		<div class="navbar navbar-fixed-top">
	      <div class="navbar-inner">
	        <div class="container">
	          <a class="brand">Cloud Service Center</a>
	          <div class="nav-collapse">
	            <ul class="nav">
	              <li><a href="index.html">Home</a></li>
	              <li><a href="about.html">About</a></li>
	              <li><a href="contact.html">Contact</a></li>
	            </ul>
	          </div><!--/.nav-collapse -->
	        </div>
	      </div>
	    </div>
	
	    <div class="container">
			<div class="row-fluid">
				<div class="span3">
					<div class="well sidebar-nav">
						<ul class="nav nav-list">
			              <li class="nav-header" style="font-size:24px">user type</li>
			              <li id="register_huozhu"><a>Shipper</a></li>
			              <li id="register_huodai"><a>ShippingAgent</a></li>
			              <li id="register_chuandai"><a>LinerAgent</a></li>
			              <li id="register_chedui"><a>Motorcade</a></li>
			              <li id="register_siji"><a>Driver</a></li>
			            </ul>
					</div>
				</div>
				<div class="span8">
					<div id="div-huozhu" class="div-huozhu">
						<div>
							<form id="shipper_form" class="well" action="/Software/auth" method="post">
	              					<ul style="list-style-type: none; margin-left: 0;">
	              						<li>
	              							<label>username</label>
	              							<input id="shipper_name" name="name" type="text" class="span2" placeholder="type username here..."/>
	              							<span class="help-inline" id="shipper_name_help"></span>
		              					</li>
		              					<li>
	              							<label>password</label>
	              							<input id="shipper_password" name="password" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="shipper_password_help"></span>
		              					</li>
		              					<li>
	              							<label>password again</label>
	              							<input id="shipper_password2" name="password2" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="shipper_password2_help"></span>
		              					</li>
		              					<li>
	              							<label>email</label>
	              							<input id="shipper_email" name="email" type="text" class="span2" placeholder="type email here..."/>
	              							<span class="help-inline" id="shipper_email_help"></span>
		              					</li>
		              					<li>
	              							<label>phone</label>
	              							<input id="shipper_phone" name="phone" type="text" class="span2" placeholder="type phone here..." />
	              							<span class="help-inline" id="shipper_phone_help"></span>
		              					</li>
		              					<li>
		              						<input id="shipper_btn" type="button" class="btn btn-primary" value="submit" />
		              					</li>
	              					</ul>
	              			</form>
						</div>
					</div>
					<div id="div-huodai" class="div-huodai">
						<div>
							<form id="shippingagents_form" class="well" action="/Software/auth" method="post">
	              					<ul style="list-style-type: none; margin-left: 0;">
	              						<li>
	              							<label>username</label>
	              							<input id="shipagent_name" name="name" type="text" class="span2" placeholder="type username here..."/>
	              							<span class="help-inline" id="shipagent_name_help"></span>
		              					</li>
		              					<li>
	              							<label>password</label>
	              							<input id="shipagent_password" name="password" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="shipagent_password_help"></span>
		              					</li>
		              					<li>
	              							<label>password again</label>
	              							<input id="shipagent_password2" name="password2" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="shipagent_password2_help"></span>
		              					</li>
		              					<li>
	              							<label>email</label>
	              							<input id="shipagent_email" name="email" type="text" class="span2" placeholder="type email here..."/>
	              							<span class="help-inline" id="shipagent_email_help"></span>
		              					</li>
		              					<li>
	              							<label>phone</label>
	              							<input id="shipagent_phone"  name="phone" type="text" class="span2" placeholder="type phone here..." />
	              							<span class="help-inline" id="shipagent_phone_help"></span>
		              					</li>
		              					<li>
	              							<label>description</label>
	              							<input id="shipagent_description" name="description" type="text" class="span2" placeholder="type business here..." />
	              							<span class="help-inline" id="shipagent_description_help"></span>
		              					</li>
		              					<li>
		              						<input id="shipagent_btn" type="button" class="btn btn-primary" value="submit" />
		              					</li>
	              					</ul>
	              			</form>
						</div>
					</div>
					<div id="div-chuandai" class="div-chuandai">
						<div>
							<form id="liner_form" class="well" action="/Software/auth" method="post">
	              					<ul style="list-style-type: none; margin-left: 0;">
	              						<li>
	              							<label>username</label>
	              							<input id="liner_name"  name="name" type="text" class="span2" placeholder="type username here..."/>
	              							<span class="help-inline" id="liner_name_help"></span>
		              					</li>
		              					<li>
	              							<label>password</label>
	              							<input id="liner_password"  name="password" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="liner_password_help"></span>
		              					</li>
		              					<li>
	              							<label>password again</label>
	              							<input id="liner_password2" name="password2" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="liner_password2_help"></span>
		              					</li>
		              					<li>
	              							<label>email</label>
	              							<input id="liner_email"  name="email" type="text" class="span2" placeholder="type email here..."/>
	              							<span class="help-inline" id="liner_email_help"></span>
		              					</li>
		              					<li>
	              							<label>phone</label>
	              							<input id="liner_phone" name="phone" type="text" class="span2" placeholder="type phone here..." />
	              							<span class="help-inline" id="liner_phone_help"></span>
		              					</li>
		              					<li>
	              							<label>description</label>
	              							<input id="liner_description" name="description" type="text" class="span2" placeholder="type business here..." />
	              							<span class="help-inline" id="liner_description_help"></span>
		              					</li>
		              					<li>
		              						<input id="liner_btn" type="button" class="btn btn-primary" value="submit" />
		              					</li>
	              					</ul>
	              			</form>
						</div>
					</div>
					<div id="div-chedui" class="div-chedui">
						<div>
							<form id="motorcades_form" class="well" action="/Software/auth" method="post">
	              					<ul style="list-style-type: none; margin-left: 0;">
	              						<li>
	              							<label>username</label>
	              							<input id="moto_name" name="name" type="text" class="span2" placeholder="type username here..."/>
	              							<span class="help-inline" id="moto_name_help"></span>
		              					</li>
		              					<li>
	              							<label>password</label>
	              							<input id="moto_password" name="password" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="moto_password_help"></span>
		              					</li>
		              					<li>
	              							<label>password again</label>
	              							<input id="moto_password2" name="password2" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="moto_password2_help"></span>
		              					</li>
		              					<li>
	              							<label>email</label>
	              							<input id="moto_email" name="email" type="text" class="span2" placeholder="type email here..."/>
	              							<span class="help-inline" id="moto_email_help"></span>
		              					</li>
		              					<li>
	              							<label>phone</label>
	              							<input id="moto_phone" name="phone" type="text" class="span2" placeholder="type phone here..." />
	              							<span class="help-inline" id="moto_phone_help"></span>
		              					</li>
		              					<li>
	              							<label>description</label>
	              							<input id="moto_description"  name="description" type="text" class="span2" placeholder="type business here..." />
	              							<span class="help-inline" id="moto_description_help"></span>
		              					</li>
		              					<li>
		              						<input id="moto_btn" type="button" class="btn btn-primary" value="submit" />
		              					</li>
	              					</ul>
	              			</form>
						</div>
					</div>
					<div id="div-siji" class="div-siji">
						<div>
							<form id="drivers_form" class="well" action="/Software/auth" method="post">
	              					<ul style="list-style-type: none; margin-left: 0;">
	              						<li>
	              							<label>username</label>
	              							<input id="driver_name" name="name" type="text" class="span2" placeholder="type username here..."/>
	              							<span class="help-inline" id="driver_name_help"></span>
		              					</li>
		              					<li>
	              							<label>password</label>
	              							<input id="driver_password" name="password" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="driver_password_help"></span>
		              					</li>
		              					<li>
	              							<label>password again</label>
	              							<input id="driver_password2" name="password2" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="driver_password2_help"></span>
		              					</li>
		              					<li>
	              							<label>email</label>
	              							<input id="driver_email" name="email" type="text" class="span2" placeholder="type email here..."/>
	              							<span class="help-inline" id="driver_email_help"></span>
		              					</li>
		              					<li>
	              							<label>phone</label>
	              							<input id="driver_phone" name="phone" type="text" class="span2" placeholder="type phone here..." />
	              							<span class="help-inline" id="driver_phone_help"></span>
		              					</li>
		              					<li>
	              							<label>motorcade belong</label>
	              							<input id="driver_moto" name="moto" type="text" class="span2" placeholder="type moto email here..." />
	              							<span class="help-inline" id="driver_moto_help"></span>
		              					</li>
		              					<li>
		              						<input id="driver_btn" type="button" class="btn btn-primary" value="submit" />
		              					</li>
	              					</ul>
	              			</form>
						</div>
					</div>
				</div>
			</div>
	   	</div> <!-- /container -->
	    
	    <!-- JavaScript at the bottom for fast page loading -->

		  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
		  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		  <script src="js/libs/jquery-1.7.1.min.js"></script>
		<!-- import bootstrap-->
		<script src="bootstrap/js/bootstrap.js"></script>
		<script src="js/register.js"></script>
		<script src="test/test.js"></script>
	</body>
</html>
